<template>
  <div class="main_container">
    <div class="bread">
      <el-card class="box-card">
        <!-- 头部 -->
        <div slot="header" class="clearfix">
          <!-- 标题区域 -->
          <div class="title">
            <span>接口文档</span>
          </div>
        </div>
        <!-- 主体内容 -->
        <div class="main">
          <iframe
            id="content"
            src="http://localhost:8888/swagger-ui.html#/"
            frameborder="0"
            style="width:100%;height:700px"
          ></iframe>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.main_container {
  width: 1200px;
  .bread {
    .page {
      display: flex;
      justify-content: flex-end;
    }
  }
}
</style>
